<script setup>
function login(){
  window.location.href = '/chat/'
}
</script>
<template>
  <div class="content">
      <div class="text-align-center title">
        你好，张三
      </div>
      <div>
        <div class="input padding-top-10">
          <el-input
          size="large"
          placeholder="用户名"
        />
        </div>
        <div class="input padding-top-10">
            <el-input
            type="password"
            placeholder="密码"
            show-password
          />
        </div>
        <div class="padding-top-10 text-align-center">
          <el-button type="primary" @click="login()">登录</el-button>
        </div>
        
      </div>
  </div>
</template>
<style scoped>
  .content{
    background-color: azure;
    height: 600px;
    width: 400px;
    border-radius: 10px;
    border: solid 1px;
  }
  .title{
    padding-top: 100px;
  }
  .input{
    width: 200px;
    padding-left: 100px;
  }
</style>